*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    outline: none;
}
header{
    width: 100%;
    height: 72px;
}
.center{
    width: 1200px;
    margin: 0 auto;
}
.center img{
    width: 92px; ;
    height: 41px;
    float: left;
    padding-top: 15px;
}

.item {
    padding: 10px;
}

.big {
    width: 300px;
    height: 300px;
    display: none;
    float: left;
    position: relative;
    background-color: #f8f8f8;
    top: ;
    left: ;
    z-index: 10;
}
.main,.all{
    width: 100px;
    height: 30px;
    float: left;
}
.main{
    width: 100px;
    height: 72px;
    text-align: center;
    line-height: 72px;
}
.all{
    /* background-color: #00f; */
}
.all:hover .big{
    display: block;
}
/* 结束 */
.center a{
    display: inline-;
    margin-top: 25px;
}
.center .search{
    margin-left: 400px;
}
.center input{
    margin-top: 10px;
    border-radius:20px 0px 0px 20px ;
    width: 265px;
    padding: 0px 10px 0px 54px;
    height:46px ;
    font-size: 14px;
    border: 1px gainsboro solid;
    background-color: #f8f8f8;  
    outline: none;
    margin-right: 0px;
    float: left;
    display: block;
}
.center button{
    margin-top: 10px;
    border-radius:0px 20px 20px 0px ;
    width: 82px;
    height:46px ;
    font-size: 16px;
    border: 1px gainsboro solid;
    background-color: #ff1268; 
    outline: none;
    float: left; 
}
.top-right{
    width: 270px;
    height: 72px;
    background-color: aqua;
    line-height: 72px;
    float: right;
    padding-left: 30px;
   
}
.top-right ul{
    width: 133px;
    z-index: 2;
    position: relative;
    top: 0px;
    right: 60px;
    background-color: #f8f8f8;
    display: none;
}    
.top-right .top-right21{
    width: 280px;
    height: 280px;
    z-index: 3;
    position: relative;
    top: 0px;
    right: 0px;
    background-color: aqua;
    display: none;
}    
.top-right .top-right21{
    width: 100%;
    height: 100%;
}
.top-right ul li{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid gray;
}

.top-right1:hover ul{
    display: block;
}
.top-right1{
    width: 50px;
    float: left;
}
.top-right2{
    width: 50px;
    float: right;
}
.top-right .top-right2:hover .top-right21{
    display: block;

}
.slideBox{ width:1200px; height:320px; overflow:hidden; position:relative; border:1px solid #ddd; margin: 0 auto; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1200px; height:320px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
nav{
    margin-top: 15px;
}
.center2{
    width: 1202px;
    border: 1px solid gainsboro;
    margin: 0 auto; 
}
.center2 ul{
    width: 1202px;
    height: 118px;
}
.center2 ul li{
    width: 120px;
    height: 69px;
    text-align: center;
    padding: 22px 0px 25px;
    float: left;
}
.center2 .p1{
    width: 48px;
    height: 48px;
    margin: 0px 36px;
    background-image: url(https://img.alicdn.com/tfs/TB1U9R8GY9YBuNjy0FgXXcxcXXa-146-1822.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    
}
.center2 .pp{
    width: 120px;
    height: 21px;
    color: #111111;
    font-size: 16px;
    text-align: center;
}
.center2 .pp:hover{
    color:#ff1268 ;
}
main{
    width:1160px ;
    height: 402px;
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: 0 auto;
    margin-top: 15px;
}
.main-a{
    width:1160px ;
    height: 402px;
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: 0 auto;
    margin-top: 15px;
}
.main-b{
    width:1160px ;
    height: 402px;
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: 0 auto;
    margin-top: 15px;
}
.main-c{
    width:1160px ;
    height: 402px;
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: 0 auto;
    margin-top: 15px;
}
.main1{
    width: 1160px;
    height: 40px;
    line-height: 40px;
}
.main1 .p1{
    float: left;
    font-size:24px ;
    margin-left: 5px;
    color: #111111;   
}
.main1 .p2{
    width:56px ;
    height:40px ;
    color: #9b9b9b;
    font-size: 14px;
    float: right;
    margin-right: 15px;
}
.main2{
    width: 1160px;
    height:360px ;
}
.main21{
    width: 270px;
    height: 360px;
    background-color: #f00;
    float: left;
    position: relative;
    
}
main .main21{
    background-image: url(https://img.alicdn.com/imgextra/i4/2251059038/O1CN016KbXgC2GdSO8B3LUO_!!2251059038.jpg_q60.jpg_.webp);
    
}
.main-a .main21{
    background-image: url(https://img.alicdn.com/imgextra/i1/2251059038/O1CN01XDw2Fw2GdSOQ8JasU_!!2251059038.jpg);
    
}
.main-b .main21{
    background-image: url(https://img.alicdn.com/imgextra/i1/2251059038/O1CN01upYCfD2GdSOXxx7aG_!!2251059038.png);
    
}
.main-c .main21{
    background-image: url(https://img.alicdn.com/imgextra/i1/2251059038/O1CN01AJkbES2GdSNC2RIQh_!!2251059038.jpg);
    
}
.main21 p:nth-child(2){
    width:270px ;
    height: 120px; 
    background-color: rgba(17, 1, 1, 0.6);
    position: absolute;
    right: 0px;
    bottom:0px ;
    color: white;
    text-align: center;
}
.main21 p:nth-child(2):hover{
    color: #ff1268;
}


.main22{
    width: 870px;
    height: 360px;
    margin-left: 20px;
    float: left;
}
.main22 ul li{
    width:271px ;
    height: 158px;
    float: left;
}
.main22 ul li:nth-child(1){
    padding-bottom: 44px;
}
.main22 ul li:nth-child(2){
    padding-bottom: 44px;
}
.main22 ul li:nth-child(3){
    padding-bottom: 44px;
}
.main22 ul li img{
     width: 118px;
     height: 158px;
     display: inline;
}
.main22 ul li p{
    float: right;
    width: 138px;
    height: 158px;
    display: inline;  
}
.side{
    width:80px ;
    height:142px ;
    position:fixed;
    top:50%;
    right: 20px;   
}
.sidetop{
    width: 80px;
    height:70px ;
    border: 1px solid gray;
}
.sidetop p:nth-child(1){
    width: 32px;
    height:29px ;
    margin: 0 24px;
    color: #ff1268;

}
.sidetop p:nth-child(2){
    width: 80px;
    height:16px ;
    font-size: 12px;
    color: #111111;
    text-align: center;
    
}
.sidebottom{
    width:80px ;
    height:70px ;
    border: 1px solid gray;
}
.sidebottom p:nth-child(1){
    width: 32px;
    height:29px ;
    margin: 0 24px;

    

}
.sidebottom p:nth-child(2){
    width: 80px;
    height:16px ;
    font-size: 12px;
    color: #111111;
    text-align: center;
}
.footer{
    width:100% ;
    height: 349px;
    background-color: #f8f8f8;
}
.footer-center{
    width: 1200px;
    height: 349px;
    margin: 0 auto;
}
.footer-center ul{
    width:1120px ;
    height:19px ;
    padding: 36px 0px 36px 80px;
    text-align: center;
    margin: 0 auto;
}
.footer-center ul li{
    height: 19px;
    float: left;
    font-size: 14px;
    padding: 0 24px;
    border-right: 1px solid black;
}
.footer-center ul li:last-child{
    border-right: none;
} 
.footer1{
    width: 1200px;
    height: 208px;
    padding-top: 50px;
}  
.footer11{
    width: 274px;
    height: 114px;
    margin-right: 100px;
    float: left;
}
.footer11 img{
    float: left;
}
.footer11 :nth-child(1){
    width: 167px;
    height: 60px;
    float: left;
}
.footer11 :nth-child(2){
    width: 87px;
    height: 87px;
    float: right;
}
.footer12{
    float: right;

}
.footer12 p{
    font-size: 13px;
    line-height: 30px;
}
.footer12 p:nth-child(1){
    width:98px ;
    height:27px ;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    background-color: #f00;
}
